<!DOCTYPE html>
<html>
	<head>
		<!-- 设置浏览器不缓存 -->
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
		<!-- Content-Type -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- Favicon -->
		<link rel="shortcut icon" href="./images/logo.png">
		<title>企业服务共享中心-权限管理模块</title>
		<!--stylesheets-->
		<link rel="stylesheet" href="./plugins/element/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/element/index.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		<!-- 自定义样式表 -->
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">
	</head>
	<body>
		<div id="app">
			<template>
				<el-container class="maincontainer">
					<el-container class="submaincontainer">

						<el-card class="box-card" style="position:relative;width:330px" shadow="never" v-show="leftbar_show">
							<div style="position:absolute;left:0;top:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding-left: 20px;padding-top: 10px;padding-right: 20px;">
								<div slot="header" class="clearfix">
									<span>职位</span>

									<el-tooltip class="item" effect="dark" content="添加职位" placement="top-start">
										<el-button type="text" icon="el-icon-plus" v-on:click="insert()"
												   style="margin-left:80px"></el-button>
									</el-tooltip>
									<el-tooltip class="item" effect="dark" content="删除职位" placement="top-start">
										<el-button type="text" icon="el-icon-delete" v-on:click="deletet()"
											style="margin-right:0px"></el-button>
									</el-tooltip>

								</div>
								<el-tree :data="positionList" :props="{ children: 'children',label: 'name'}" @node-click="handleNodeClick" ></el-tree>
							</div>
						</el-card>

						<el-card class="box-card" style="width:100%" shadow="never">
							<div slot="header" class="clearfix">
								<i v-on:click="showLeftBar();" v-bind:class="[leftbar_show ? 'el-icon-s-fold' : 'el-icon-s-unfold']" style="color:#409EFF;cursor:pointer;"></i>
								<span>权限管理模块</span>
							</div>
							<div>

								<el-table border :data="tableData" tooltip-effect="dark" :height="tableHeight" style="width: 100%">
									<el-table-column label="图片" width="200">
									  <template slot-scope="scope">
										  <img style="margin-left:10px;width:35px;height:35px" :src="scope.row.imgsrc"/>
									  </template>
									</el-table-column>
									<el-table-column label="应用" width="200">
									  <template slot-scope="scope">{{ scope.row.name }}</template>
									</el-table-column>
									<el-table-column label="权限操作" width="200">
										<template slot-scope="scope">
											<el-button type="text"  @click="update(scope.row)" style="margin-left:80px">
												{{scope.row.jurisdiction ?'有' : '无'}}
											</el-button>
										</template>
									</el-table-column>
								</el-table>

							</div>
						</el-card>
					</el-container>
				</el-container>

			</template>
		</div>
	</body>
	<script src="./js/authoritymanagement.js?v=0.8.0.3"></script>
	</script>
</html>

<!--{{ scope.row.jurisdiction }}-->

<!--<dd :value="scope.row.jurisdiction"></dd>-->
<!--{{scope.row.jurisdiction ?'有' : '无'}}-->